/* 自适应边框的颜色 */
.out-border-line {
	width: 100%;
	height: 100%;
	border: 1px solid #E2E2E2;
	margin-top: 30rpx;
	margin-bottom: 40rpx;
}
/* 中间没有间隔的自适应框 */
.out-border-line-nomargin {
	width: 100%;
	height: 100%;
	border: 1px solid #E2E2E2;
}
/* flex布局的横向队列 */
.flex-row {
	display: flex;
	flex-direction: row;
}
.flex-column{
	width: 100%;
	height:100%;
	display:flex;
	flex-direction: column;
}
.flex-just{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* 作为提示类型的灰色文字 */
.tips-text {
	width: auto;
	height:40rpx;
	font-size: 13px;
	color: #9393B4;
	margin-top: 10rpx;
}

.title-box {
	width: 100%;
	height: 40rpx;
	padding: 7rpx 0;
}

/* 放在95%的页面宽度内 */
.width-95-right {
	width: 95%;
	margin: 0 auto;
}
/* 放在90%的页面宽度内 */
.width-90{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	margin-top: 30rpx;
}
.width-95{
	width: 95%;
	height: 100%;
	margin: 0 auto;
	margin-top: 30rpx;
}

/* 头像的框 */
.avatarUrl-border {
	width: 70px;
	height: 70px;
	border: 1px solid #E9E9E9;
	border-radius: 7px;
	overflow: hidden;
}

/* 占的是百分百 */
.avatarUrl-img {
	width: 100%;
	height: 100%;
}
/* 当文字超出一定范围时展示... */
.text-cut{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.research{
	width: 100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}
/* 普通的没有margin-top的90% */
.common-width90{
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
/* 中间居中 */
	.column-middle{
		display: flex;
		align-items: center;
	}